<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head></head>
<body>
	<div id="menubar">
		<div class="navbar navbar-inverse ">
			<div class="navbar-inner">
				<a class="brand" href="/catalog/main">Directory</a>
				<ul class="nav">
				<li id="main" ><a href="/catalog/main">Main</a></li>
					<li id="cart" ><a href="/catalog/cart">Cart</a></li>
					<li id="about" ><a href="/catalog/about">About</a></li>
				</ul>
			</div>
		</div>
	
		<script type="text/javascript">
			var url = location.href;
			var ind = url.lastIndexOf("/");
			var page = url.substr(ind + 1, url.length - ind - 1);
			
			if (page == "main") jq("#main").toggleClass("active");
			if (page == "cart") jq("#cart").toggleClass("active");
			if (page == "about") jq("#about").toggleClass("active");
			
		</script>
	</div>
</body>
</html>